<!-- setting -->
<template>
  <div class="app-container">
    <div class="table-wrapper">

      <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
        <el-tab-pane label="代理提成比例设置" name="agent" lazy>
          <agent-setting />
        </el-tab-pane>

        <el-tab-pane label="领导奖比例设置" name="lead" lazy>
          <lead-setting />
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import agentSetting from './components/agent';
import leadSetting from './components/lead';

export default {
  name: '',
  components: { agentSetting, leadSetting },
  props: {},
  data() {
    return {
      activeName: 'agent',
    };
  },
  created() {},
  mounted() {},
  computed: {},
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
  },
};
</script>

<style lang='scss' scoped>
</style>
